.app {
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 70upx 24upx;
	.app-1 {
		padding: 50upx;
		box-shadow: 0px 10upx 15upx 0px rgba(20, 7, 0, 0.1);
		background-color: #fff;
		border-radius: 10upx;
		box-sizing: border-box;
		.app-11 {
			display: flex;
			align-items: center;
			image {
				width: 164upx;
				height: 206upx;
				border-radius: 10upx;
			}
			> view {
				flex: 1;
				text {
					display: block;
					font-size: 24upx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 30upx;
					padding: 3upx 0;
					&:nth-child(1) {
						padding-bottom: 15upx;
						font-size: 34upx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
					}
				}
			}
		}
		.app-12 {
			padding-top: 50upx;
			text {
				display: block;
				&:nth-child(1) {
					font-size: 28upx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #231915;
				}
				&:nth-child(2) {
					padding-top: 10upx;
					font-size: 24upx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 40upx;
				}
			}
			view {
				display: flex;
				flex-wrap: wrap;
				margin-top: 20upx;
				image {
					width: 134upx;
					height: 160upx;
					margin-right: 20upx;
					margin-bottom: 20upx;
					&:nth-child(4n + 4) {
						margin-right: 0;
					}
				}
			}
		}
	}
}
.app-2 {
	box-shadow: 0px 10upx 15upx 0px rgba(20, 7, 0, 0.1);
	background-color: #fff;
	border-radius: 10upx;
	box-sizing: border-box;
	padding-bottom: 60upx;
	view {
		display: flex;
		padding: 20upx 40upx;
		&:nth-child(2n + 2) {
			background: #f8f9fa;
		}
		text {
			&:nth-child(1) {
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #6e7383;
				line-height: 40upx;
			}
			&:nth-child(2) {
				flex: 1;
				margin-left: 20upx;
				text-align: right;
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333744;
				line-height: 40upx;
			}
			&.on {
				color: #c8000b;
			}
		}
	}
}

.app-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 100upx 0 40upx;
	text {
		position: relative;
		padding-left: 40upx;
		font-size: 32upx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #4b4b4b;
		&::before {
			content: '';
			position: absolute;
			width: 10upx;
			height: 34upx;
			background: #ff0000;
			border-radius: 4upx;
			top: 4upx;
			left: 0;
		}
	}
}
.app-32 {
	padding: 20upx 0 60upx;
	> text {
		font-size: 30upx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}
	> view {
		margin-top: 20upx;
		padding: 10upx;
		height: 192upx;
		background: #f9f9f9;
	}
}
.app-31 {
	display: flex;
	padding: 20upx 0;
	border-bottom: 1px solid #eee;
	.app-311 {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		text {
			font-size: 30upx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;
		}
	}
	> text {
		font-size: 30upx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}
	> view {
		flex: 1;
		text-align: right;
	}
}
